


@-webkit-keyframes rotater {
    0% { -webkit-transform:rotate(0) scale(1) }
    50% { -webkit-transform:rotate(360deg) scale(2) }
    100% { -webkit-transform:rotate(720deg) scale(1) }
}

@-moz-keyframes rotater {
    0% { -moz-transform:rotate(0) scale(1) }
    50% { -moz-transform:rotate(360deg) scale(2) }
    100% { -moz-transform:rotate(720deg) scale(1) }
}

#spin-id { 

  -webkit-animation-name:rotater; 
  -webkit-animation-duration:500ms; 
  -webkit-animation-iteration-count:1; 
  -webkit-animation-timing-function: ease-out;

  -moz-animation-name:rotater; 
  -moz-animation-duration:500ms; 
  -moz-animation-iteration-count:1; 
  -moz-animation-timing-function: ease-out;


  -o-transform:rotate(360deg) scale(2);
  -o-transition-duration:500ms;
  -o-transition-timing-function: ease-out;

  -ms-transform:rotate(360deg) scale(2);
  -ms-transform-duration:500ms;
  -ms-transform-timing-function: ease-out;
}


